This is always the case, the picture is displayed vertically and the problem of carousel cannot be left or right.It was later discovered that the problem was. There must be a class that is "Item active", and if it is all "item" The problem will occur. And for me to use the Smarty template, I have to believe adding some logic judgment. Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
BootStrap Learning (7) _ carousel graph, bootstrapI. Carousel Images
The Bootstrap Carousel plug-in is a flexible and responsive way to add a slider to a site. In addition, the content is flexible enough, including images, embedde
documents.2. Add the animated Yourchosenanimation class to the elements on the page that you want to animate.Then you replace yourchosenanimation with the class name of the animation you see on the ANIMATE.CSS website.
Introduction of Bootstrap Carousel components
The bootstrap Carousel component has three main part
The Bootstrap Carousel plug-in is a flexible, responsive way to add sliders to a site. In addition, the content is flexible enough to be an image, inline frame, video, or whatever type of content you want to place.
If you want to refer to the functionality of the plug-in separately, you need to refer to carousel.js. Alternatively, as mentioned in the Bootstrap P
The Bootstrap Carousel plug-in is required every day. The Bootstrap Carousel plug-in is a flexible and responsive way to add a slider to the site, if you are interested, you can refer to the Bootstrap
The Bootstrap Carousel plug-in is required every day. The Bootstrap Carousel plug-in is a flexible and responsive way to add a slider to the site, if you are interested, you can refer to the Bootstrap
The Bootstrap Carousel (Carousel) plug-in is a flexible, responsive way to add sliders to a site.
0x01 Basic Examples
Bootstrap to achieve the effect of a carousel slide, simply use class development to:
The effect is as follows:
A few notes:
(1) Property data
example picture 3 effect. Is it easy!?
1, initialization of common properties introduced
The above simple code can complete the initialization of our component, in fact, the initialization method $ (' #featured '). Orbit (); is not fixed, it can pass in multiple parameters to achieve different carousel effect. Because the component documents are not very complete, these properties are found by looking at the source, the following bloggers based on
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.